<template>
    <ul class="icons">
        <li v-for="(item,index) of iconsList" :key="index">
            <img :src="item.imgUrl" alt="">
            <span>{{item.title}}</span>
        </li>
    </ul>
</template>

<script>

export default {
    props:{
        iconsList:Array
    },
    components: {},
    data () {
        return {
           
        }
    },
    computed: {},
    watch: {},
    methods: {},
    created () {},
    mounted () {},
    beforeCreate () {},
    beforeMount () {},
    beforeUpdate () {},
    updated () {},
    beforeDestroy () {},
    destroyed () {},
    activated () {}
}
</script>
<style lang='scss' scoped>
//@import url(); 引入公共css类
.icons{
    display: flex;
    justify-content: space-around;
    padding: .4rem 0;
    li{
        display: flex;
        flex-direction: column;
        align-items: center;
        img{
            width: 1.0133rem;
            height: 1.0133rem;
        }
        span{
            padding-top: .16rem;
        }
    }
}
</style>
